<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>套餐详情</title>
    <link rel="stylesheet" type="text/css" href="../lib/weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/res.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css?v=1"/>
    <script src="../lib/fastclick.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='../js/swiper.js' charset='utf-8'></script>
    <script src="../js/jquery.raty.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/date.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ontouchstart>
<div class="weui-tab">
    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <!--幻灯片-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                </div>
                <!-- If we need pagination -->
                <div class="swiper-pagination ta-c"></div>
            </div>
            <!--幻灯片 end-->

            <div class="weui-panel weui-panel_access bt-0 ">
                <div class="weui-panel__hd weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__bd">
                        <div class="weui-media-box__title c-33 cosmetology-item-bd-desc f-16">
                           宝马5系 红色 +奥迪A6 X7 黑色
                        </div>
                        <div class="f-14 cosmetology-item-bd-desc">
                            <span class="c-red f-19">￥9999/</span>起
                        </div>
                    </div>
                </div>
                <div class="weui-panel__bd weui-cells f-16">
                    <div class="weui-cell">
                        <div class="weui-cell__bd c-33 ">
                            基本资料
                        </div>
                    </div>
                    <div class="weui-cell c-99 pb-0">
                        <div class="weui-cell__hd">
                            主婚车： 宝马5系X1
                        </div>
                        <div class="weui-cell__bd ta-c">
                            跟车：奥迪A6 X7
                        </div>
                    </div>
                    <div class="weui-cell b-b-20 bor-clear-before">
                        <div class="weui-cell__bd c-99 ">
                            车辆颜色：参考上方车辆实拍图
                        </div>
                    </div>
                    <div class="weui-cell ">
                        <div class="weui-cell__bd">
                           婚车描述
                        </div>
                    </div>
                    <div class="weui-cell b-b-20">
                        <p class="weui-cell__bd c-99 f-16 lh-2">
                            1.濮阳专业婚车团队，在恶劣天气下也准时到达<br>
                            2.该车队为本地车源，车辆招牌为实拍<br>
                            3.如车主无法接单，定金立刻如数退还
                        </p>
                    </div>
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__hd"><label class="weui-label">时间：</label></div>
                        <div class="weui-cell__bd">
                            <input id="weddingDate" class="weui-input ta-r" type="text" data-toggle='weddingDate'  value="">
                        </div>
                        <div class="weui-cell__ft"></div>
                    </div>
                    <!--<div class="weui-cell weui-cell_access b-b-20">-->
                        <!--<div class="weui-cell__hd"><label class="weui-label">地址：</label></div>-->
                        <!--<div class="weui-cell__bd">-->

                            <!--<input id="address" class="weui-input ta-r" type="text" data-toggle='address'  placeholder="请选择地址">-->
                        <!--</div>-->
                        <!--<div class="weui-cell__ft"></div>-->
                    <!--</div>-->
                    <div class=" p-10-15 c-66 b-b-20 bor-before pos-r">
                       <div class="address-title">地址：</div>
                        <div class="address-item">濮阳市区</div>
                        <div class="address-item">濮阳县</div>
                        <div class="address-item">清丰县</div>
                        <div class="address-item">南乐县</div>
                        <div class="address-item">范县</div>
                        <div class="address-item">前台县</div>
                        <div class="address-item">更多</div>
                    </div>
                    <div class="weui-cell b-b-20">
                        <div class="weui-cell__hd"><label class="weui-label">客户评价：</label></div>
                        <div class="weui-cell__bd ta-r">
                            <div id="star"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-flex bg-f6 pos-fix-f">
                <div class="weui-flex__item weui-cell  br-1-c6">
                    <div class="weui-cell__bd f-16">
                       总金额：<span class="c-red f-19">￥3333.00</span>
                    </div>
                </div>
                <a href="weddingCar-packageCustomized.html" class="weui-cell bg-red f-16" style="width:120px;">
                    <div class="weui-cell__bd c-ff ta-c">
                      立刻预约
                    </div>
                </a>
            </div>
            <!--底部空行-->
            <div style="height:45px;" class="">
                &nbsp;
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        FastClick.attach(document.body);
    });
    var time2 = new Date().Format("yyyy-MM-dd hh:mm");
console.log('当前时间',time2)
//    document.getElementById('weddingdate').values=time2;
    $("#weddingDate").datetimePicker({
        title: '出发时间',

        onChange: function (picker, values, displayValues) {
            console.log(values);
            console.log('当前时间', $("#weddingDate").value);
        }

    });
    $("#address").picker({
        title: "请选择所在地址",
        cols: [
            {
                textAlign: 'center',
                values: ['濮阳市区', '濮阳县', '清丰县', '南乐县', '范县', '前台县']
            }
        ]
    });
    $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
    });
    $('#star').raty({
        path: "../icon",
        starOff: 'star-off.png',
        starOn: 'star-on.png',
        readOnly: true,
        score: 3
    });

</script>
</body>

</html>